<template>
  <van-swipe-cell>
    <van-card :desc="item.content" title="" class="goods-card"
      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" v-for="(item, index) in recordList" :key="item.id">
      <template #price>
        <p style="font-size: 18px;">
          <span v-if="item.cash !== null">
            <van-icon name="balance-o" />
            {{ item.cash }}
          </span>
          <span v-else>
            <van-icon name="gem-o" />
            {{ item.point }}
          </span>
        </p>
      </template>
      <template #tags>
        <van-tag plain type="danger">{{ item.state_text }}</van-tag>
      </template>
      <template #footer>
        <div>消费时间：{{ item.createtime }}</div>
      </template>
    </van-card>
  </van-swipe-cell>


</template>

<script>
export default {
  name: "RecordList",
  props: ['recordList'],
  data() {
    return {

    }
  },
}
</script>

<style>
</style>
